<template>
    <v-container fluid>
        <v-row>
            <v-col cols="4" md="3">
                <v-card>
                    <v-card-text>
                        <v-card-subtitle>
                            访问量
                        </v-card-subtitle>
                        <v-card-title>
                            75.521
                        </v-card-title>
                    </v-card-text>
                    <v-card-actions class="text-center">
                        <v-icon>mdi-date</v-icon>
                        <span class="">Last 24 Hours</span>
                    </v-card-actions>
                </v-card>
            </v-col>

            <v-col cols="4" md="3">
                <v-card>
                    <v-card-text>
                        <v-card-subtitle>
                            访问量
                        </v-card-subtitle>
                        <v-card-title>
                            75.521
                        </v-card-title>
                    </v-card-text>
                    <v-card-actions class="text-center">
                        <v-icon>mdi-date</v-icon>
                        <span class="">Last 24 Hours</span>
                    </v-card-actions>
                </v-card>
            </v-col>

            <v-col cols="4" md="3">
                <v-card>
                    <v-card-text>
                        <v-card-subtitle>
                            访问量
                        </v-card-subtitle>
                        <v-card-title>
                            75.521
                        </v-card-title>
                    </v-card-text>
                    <v-divider></v-divider>
                    <v-card-actions class="text-center">
                        <v-icon>mdi-date</v-icon>
                        <span class="">Last 24 Hours</span>
                    </v-card-actions>
                </v-card>
            </v-col>

            <v-col cols="4" md="3">
                <v-card>
                    <v-card-text>
                        <v-card-subtitle class="text-center">
                            访问量
                        </v-card-subtitle>
                        <v-card-title class="text-center">
                            <v-row justify="center"> 75.521</v-row>
                        </v-card-title>
                    </v-card-text>
                    <v-divider></v-divider>
                    <v-card-actions class="text-center">
                        <v-row justify="center">
                            <v-icon>mdi-clock</v-icon>
                            <span class="">Last 24 Hours</span>
                        </v-row>
                    </v-card-actions>
                </v-card>
            </v-col>

        </v-row>

    </v-container>
</template>

<script>
    export default {
        name: "DashBoard"
    };
</script>

<style scoped></style>
